<div class="col-lg-9 well" style="padding:15px;">
    
    <h2>Login</h2>

	<p>Por favor ingrese su nombre de usuario y contraseña</p>

	<form method="post" name="loginForm">
	<div class="form-group">	
		<label for="userLogin">Nombre de usuario</label>
		<input class="form-control" type="text" ng-model="userLoginName" placeholder="Usuario" maxlength="20" id="userLogin" required></input>
	</div>
	<div class="form-group">		
		<label for="passLogin">Contraseña</label>		
		<input class="form-control" type="password" ng-model="userLoginPass" placeholder="Contraseña" maxlength="20" id="passLogin" required></input>
	</div>
		<button type="submit" ng-disabled="loginForm.$invalid" ng-click="userLogin()" class="btn btn-default" >Login</button>
	</form>
	<form method="post" name="mockForm">
		<button type="submit" ng-click="toggleMock()" class="btn btn-default" >Mock/WS</button>
	</form>	
</div>
<div class="col-lg-9 well" style="padding:15px;">
	<h2>Registro</h2>
	<p>Si aun no se encuentra registrado, puede crear una cuenta completando el siguiente formulario </p>
	<form method="post" name="signUpForm" >
	<div class="form-group">
		<label for="userRegister">Nombre de usuario</label>	
		<input class="form-control" type="text" ng-model="userRegName" placeholder="Usuario" required="required"
		 maxlength="20" id="userRegister"></input>
	</div>		 
	<div class="form-group">
		<label for="passRegister">Contraseña</label>		
		<input class="form-control" type="password" ng-model="userRegPass" placeholder="Contraseña" required="required" 
		maxlength="20" id="passRegister"></input>
	</div>
	<div class="form-group">		
		<label for="mailRegister">Direccion de Email</label>		
		<input class="form-control" type="email" ng-model="userRegMail" placeholder="Email" required="required" name="uEmail"
		 maxlength="255" id="mailRegister"></input>
		<div ng-show="signUpForm.uEmail.$dirty && signUpForm.uEmail.$invalid">Invalid:
		<span ng-show="signUpForm.uEmail.$error.email">El mail no es válido.</span>
		</div>		 
	</div>
	<div class="form-group">
		<label for="nameRegister">Nombre</label>
		<input class="form-control" type="text" ng-model="nameReg" placeholder="Nombre" required="required"
		maxlength="20" id="nameRegister"></input>
	</div>	
	<div class="form-group">		
		<label for="surnameRegister">Apellido</label>
		<input class="form-control" type="text" ng-model="surnameReg" placeholder="Apellido" required="required"
		maxlength="20" id="surnameRegister"></input>
	</div>
	<div class="form-group">		
		<label for="padRegister">Padrón</label>
		<input class="form-control" type="text" ng-model="padReg" placeholder="Padrón" required="required" integer
		maxlength="20" id="padRegister"></input>
	</div>	
	<div class="form-group">		
		<label for="birthRegister">Fecha de Nacimiento</label>		
		<input class="form-control" type="date" ng-model="birthReg" id="birthRegister" required="required"></input>
	</div>
		<button type="submit" ng-disabled="signUpForm.$invalid" ng-click="userRegister()" class="btn btn-default">Registrar</button>
	</form>	
</div>
